.wrapper{
    width: 800px;
    height: 600px;
    position: relative;
    left: calc(50% - 400px);
    overflow: hidden;
}

.wrapper .sky{
    background-image: url(../img/sky.png);
    width: 200%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.wrapper .bird{
    background: url("../img/birds.png");
    position:absolute;
    width: 30px;
    height: 30px;
    left: 100px;
    top: calc(50% - 15px);
}
.wrapper .bird.swing1{
    background-position: 0,0;

}
.wrapper .bird.swing2{
    background-position: -30px,0px;
}
.wrapper .bird.swing3{
    background-position: -60px,0px;
}

.wrapper .pipe{
    position: absolute;
    left: 200px;
    width: 52px;
    height: 200px;
}

.wrapper .pipe.up{
    background: url("../img/pipe2.png");
    top: 0;
    background-position: bottom;
    
}

.wrapper .pipe.down{
    background-image: url(../img/pipe1.png);
    bottom: 0;

}

.info{
    text-align: center;
}